<!doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>History</title>
  <script src="javascript/history-jquery.min.js"></script>
  <script src="javascript/history-swiper.min.js"></script>
  <link href="css/history-swiper.min.css" type="text/css" rel="stylesheet">
  <link href="css/history-style.css" type="text/css" rel="stylesheet">
  <link href="./css/nav.css" rel="stylesheet" type="text/css">
  <script>
    window.onload = function () {
      const bottom = document.querySelector(".nav-bottom");
      const navMenu = document.querySelector(".nav-menu");

      bottom.addEventListener("click", mobileMenu);

      function mobileMenu() {
        bottom.classList.toggle("active");
        navMenu.classList.toggle("active");
      }
    }
  </script>
</head>

<body>



  <div class="wrapper">

    <div class="background">
      <img src="./soures/images/W020211017346818122660.JPG" alt="">
    </div>

    <div class="item-bg"></div>

    <header class="header">
      <nav class="navbar">
        <a href="index.html" class="nav-logo">SpaceEye</a>
        <ul class="nav-menu">
            <li class="nav-item">
                <a href="history.html" class="nav-link">航天历史</a>
            </li>
            <li class="nav-item">
                <a href="human.html" class="nav-link">重要人物</a>
            </li>
            <li class="nav-item">
                <a href="News.html" class="nav-link">近期资讯</a>
            </li>
            <li class="nav-item">
                <a href="aircraft.html" class="nav-link">航天器展示</a>
            </li>
            <li class="nav-item">
                <a href="emailsender.html" class="nav-link">太空漂流瓶</a>
            </li>
            <li></li>
        </ul>
        <div class="nav-bottom">
          <span class="bar"></span>
          <span class="bar"></span>
          <span class="bar"></span>
        </div>
      </nav>
    </header>

    <div class="news-slider">

      <div class="news-slider__wrp swiper-wrapper">

        <div class="news-slider__item swiper-slide">

          <a href="https://baike.baidu.com/item/%E4%B8%9C%E6%96%B9%E7%BA%A2%E4%B8%80%E5%8F%B7/1165452?fr=aladdin"
            class="news__item">

            <div class="news-date">

              <span class="news-date__title">1970</span>
              <span class="news-date__txt">四月</span>
              <span class="news-date__year">24日</span>

            </div>

            <div class="news__title">
              中国第一颗人造卫星<br>东方红一号
            </div>

            <p class="news__txt">
              东方红一号”是中华人民共和国于1970年4月24日在酒泉卫星发射中心由长征一号运载火箭发射升空的第一颗人造卫星，同时也是东方红人造卫星系列的首颗卫星。
            </p>


            <div class="news__img">
              <img src="./soures/images/Dongfanghong-1.jpg" alt="news">
            </div>

          </a>
        </div>

        <div class="news-slider__item swiper-slide">
          <a href="https://baike.baidu.com/item/%E7%A5%9E%E8%88%9F%E4%BA%94%E5%8F%B7/141039?fr=aladdin"
            class="news__item">
            <div class="news-date">
              <span class="news-date__title">2003</span>
              <span class="news-date__txt">十月</span>
              <span class="news-date__year">15日</span>
            </div>
            <div class="news__title">
              中国第一艘载人航天飞船<br>神舟五号
            </div>

            <p class="news__txt">
              飞船搭载航天员杨利伟于北京时间2003年10月15日9时整在酒泉卫星发射中心发射,次日6时23分降落于四子王旗着陆场。神舟五号的成功标志着中国成为世界上第三个把人送入太空的国家。
            </p>

            <div class="news__img">
              <img src="./soures/images/W020200306644534268480.jpg" alt="news">
            </div>
          </a>
        </div>

        <div class="news-slider__item swiper-slide">
          <a href="https://baike.baidu.com/item/%E5%AB%A6%E5%A8%A5%E4%B8%80%E5%8F%B7?fromModule=lemma_search-box"
            class="news__item">
            <div class="news-date">
              <span class="news-date__title">2007</span>
              <span class="news-date__txt">十月</span>
              <span class="news-date__year">24日</span>
            </div>
            <div class="news__title">
              中国第一颗绕月人造卫星<br>嫦娥一号
            </div>

            <p class="news__txt">
              嫦娥一号卫星首次绕月探测的成功，树立了中国航天的第三个里程碑，突破了一大批具有自主知识产权的核心技术和关键技术，使中国成为世界上为数不多具有深空探测能力的国家。
            </p>

            <div class="news__img">
              <img src="./soures/images/嫦娥一号real.jpg" alt="news">
            </div>
          </a>
        </div>


        <div class="news-slider__item swiper-slide">
          <a href="https://baike.baidu.com/item/%E5%AB%A6%E5%A8%A5%E4%BA%8C%E5%8F%B7?fromModule=lemma_search-box"
            class="news__item">
            <div class="news-date">
              <span class="news-date__title">2010</span>
              <span class="news-date__txt">十月</span>
              <span class="news-date__year">1日</span>
            </div>
            <div class="news__title">
              中国探月工程二期的先导星<br>嫦娥二号
            </div>

            <p class="news__txt">
              2010年10月1日，嫦娥二号在西昌卫星发射中心发射升空。标志着中国在深空探测领域突破并掌握了一大批新的具有自主知识产权的关键技术，在迈向航天强国的进程又跨出了重要的一步。
            </p>

            <div class="news__img">
              <img src="./soures/images/嫦娥二号real.jpg" alt="news">
            </div>
          </a>
        </div>


        <div class="news-slider__item swiper-slide">
          <a href="http://www.xinhuanet.com/mil/zt/shenzhou9/index.htm" class="news__item">
            <div class="news-date">
              <span class="news-date__title">2012</span>
              <span class="news-date__txt">六月</span>
              <span class="news-date__year">18日</span>
            </div>
            <div class="news__title">
              中国首次载人空间交会对接<br>神舟九号与天宫一号
            </div>

            <p class="news__txt">
              神舟九号于北京时间2012年6月16日18时37分24秒在甘肃省酒泉卫星发射中心发射升空，分别于6月18日与24日与天宫一号进行交会对接，之后飞船于6月29日10时03分在内蒙古顺利着陆。
            </p>

            <div class="news__img">
              <img src="./soures/images/神舟九号和天宫一号.png" alt="news">
            </div>
          </a>
        </div>

        <div class="news-slider__item swiper-slide">
          <a href="https://baike.baidu.com/item/%E5%A4%A9%E5%AE%AB%E4%BA%8C%E5%8F%B7?fromModule=lemma_search-box"
            class="news__item">
            <div class="news-date">
              <span class="news-date__title">2016</span>
              <span class="news-date__txt">九月</span>
              <span class="news-date__year">15日</span>
            </div>
            <div class="news__title">
              载人航天科学空间实验室<br>天宫二号
            </div>

            <p class="news__txt">
              天宫二号于2016年9月15日在酒泉卫星发射中心发射升空,是空间实验室阶段任务的主要飞行器之一,承担着验证空间站相关技术的重要使命，是中国第一个真正意义上的太空实验室。
            </p>
            <div class="news__img">
              <img src="./soures/images/天宫二号.jpeg" alt="news">
            </div>
          </a>
        </div>



        <div class="news-slider__item swiper-slide">
          <a href="https://baike.baidu.com/item/%E9%95%BF%E5%BE%81%E5%85%AB%E5%8F%B7?fromModule=lemma_search-box"
            class="news__item">
            <div class="news-date">
              <span class="news-date__title">2022</span>
              <span class="news-date__txt">二月</span>
              <span class="news-date__year">27日</span>
            </div>
            <div class="news__title">
              新一代中型运载火箭<br>长征八号
            </div>

            <p class="news__txt">
              2022年2月27日11时06分，中国在文昌航天发射场使用长征八号运载火箭将共22颗卫星发射升空，发射任务获得圆满成功。该次发射是长征八号运载火箭不带助推器的新构型首飞。
            </p>

            <div class="news__img">
              <img src="./soures/images/长征八号.jpg" alt="news">
            </div>
          </a>
        </div>
      </div>



      <div class="news-slider__ctr">

        <div class="news-slider__arrows">
          <button class="news-slider__arrow news-slider-prev">
            <span class="icon-font">
              <svg class="icon icon-arrow-left">
                <use xlink:href="#icon-arrow-left"></use>
              </svg>
            </span>
          </button>
          <button class="news-slider__arrow news-slider-next">
            <span class="icon-font">
              <svg class="icon icon-arrow-right">
                <use xlink:href="#icon-arrow-right"></use>
              </svg>
            </span>
          </button>
        </div>

        <div class="news-slider__pagination"></div>

      </div>

    </div>

  </div>

  <svg hidden="hidden" id="icon">
    <defs>
      <symbol id="icon-arrow-left" viewBox="0 0 32 32">
        <title>arrow-left</title>
        <path
          d="M0.704 17.696l9.856 9.856c0.896 0.896 2.432 0.896 3.328 0s0.896-2.432 0-3.328l-5.792-5.856h21.568c1.312 0 2.368-1.056 2.368-2.368s-1.056-2.368-2.368-2.368h-21.568l5.824-5.824c0.896-0.896 0.896-2.432 0-3.328-0.48-0.48-1.088-0.704-1.696-0.704s-1.216 0.224-1.696 0.704l-9.824 9.824c-0.448 0.448-0.704 1.056-0.704 1.696s0.224 1.248 0.704 1.696z">
        </path>
      </symbol>
      <symbol id="icon-arrow-right" viewBox="0 0 32 32">
        <title>arrow-right</title>
        <path
          d="M31.296 14.336l-9.888-9.888c-0.896-0.896-2.432-0.896-3.328 0s-0.896 2.432 0 3.328l5.824 5.856h-21.536c-1.312 0-2.368 1.056-2.368 2.368s1.056 2.368 2.368 2.368h21.568l-5.856 5.824c-0.896 0.896-0.896 2.432 0 3.328 0.48 0.48 1.088 0.704 1.696 0.704s1.216-0.224 1.696-0.704l9.824-9.824c0.448-0.448 0.704-1.056 0.704-1.696s-0.224-1.248-0.704-1.664z">
        </path>
      </symbol>
    </defs>
  </svg>

  <script src="javascript/history-slide.js"></script>

</body>

</html>